<template>
	<view class="wedding-context">
				<navigation></navigation>
				<view class="afp-line-a"></view>
			
			
			
		
			   <view class="wedding-img-detail">
					<view class="img-detail-item">
							<navigator>
								<image class="item-img" src="https://img.picbling.cn/227759_1624084453939_601841794647227-PhotoThumb150"></image>
							</navigator>
							<view class="item-detail">
					             <text class="item item-title">大秦温泉御仪厅</text>
					             <text class="item item-time">Jun 19,2021</text>
					             <view class="item item-wenzi">
					                 <text class="item-wz">我喜欢你 像云漂泊九万里， 不停歇息 像雪肆虐大地， 茫茫无际 像雨飘洒落热带与..  </text> 
					             </view>
					           
					             <view class="item-btn clear">
									<navigator class="btn-ba  btn-more icon iconfont  icon-arrow-double-right"  url="">更多</navigator>
									 <navigator class="btn-ba btn-fx icon iconfont icon-fenxiang1 ">分享</navigator>
					             </view>
					         </view>
						
					</view>
					<view class="img-detail-item">
							<navigator>
								<image class="item-img" src="https://img.picbling.cn/227759_1624084453939_601841794647227-PhotoThumb150"></image>
							</navigator>
							<view class="item-detail">
					             <text class="item item-title">大秦温泉御仪厅</text>
					             <text class="item item-time">Jun 19,2021</text>
					             <view class="item item-wenzi">
					                 <text class="item-wz">我喜欢你 像云漂泊九万里， 不停歇息 像雪肆虐大地， 茫茫无际 像雨飘洒落热带与..  </text> 
					             </view>
					           
					             <view class="item-btn clear">
									<navigator class="btn-ba  btn-more icon iconfont  icon-arrow-double-right"  url="">更多</navigator>
									 <navigator class="btn-ba btn-fx icon iconfont icon-fenxiang1 ">分享</navigator>
					             </view>
					         </view>
						
					</view>
					<view class="img-detail-item">
							<navigator>
								<image class="item-img" src="https://img.picbling.cn/227759_1624084453939_601841794647227-PhotoThumb150"></image>
							</navigator>
							<view class="item-detail">
					             <text class="item item-title">大秦温泉御仪厅</text>
					             <text class="item item-time">Jun 19,2021</text>
					             <view class="item item-wenzi">
					                 <text class="item-wz">我喜欢你 像云漂泊九万里， 不停歇息 像雪肆虐大地， 茫茫无际 像雨飘洒落热带与..  </text> 
					             </view>
					           
					             <view class="item-btn clear">
									<navigator class="btn-ba  btn-more icon iconfont  icon-arrow-double-right"  url="">更多</navigator>
									 <navigator class="btn-ba btn-fx icon iconfont icon-fenxiang1 ">分享</navigator>
					             </view>
					         </view>
						
					</view>
					<view class="img-detail-item">
							<navigator>
								<image class="item-img" src="https://img.picbling.cn/227759_1624084453939_601841794647227-PhotoThumb150"></image>
							</navigator>
							<view class="item-detail">
					             <text class="item item-title">大秦温泉御仪厅</text>
					             <text class="item item-time">Jun 19,2021</text>
					             <view class="item item-wenzi">
					                 <text class="item-wz">我喜欢你 像云漂泊九万里， 不停歇息 像雪肆虐大地， 茫茫无际 像雨飘洒落热带与..  </text> 
					             </view>
					           
					             <view class="item-btn clear">
									<navigator class="btn-ba  btn-more icon iconfont  icon-arrow-double-right"  url="">更多</navigator>
									 <navigator class="btn-ba btn-fx icon iconfont icon-fenxiang1 ">分享</navigator>
					             </view>
					         </view>
						
					</view>
					<view class="img-detail-item">
							<navigator>
								<image class="item-img" src="https://img.picbling.cn/227759_1624084453939_601841794647227-PhotoThumb150"></image>
							</navigator>
							<view class="item-detail">
					             <text class="item item-title">大秦温泉御仪厅</text>
					             <text class="item item-time">Jun 19,2021</text>
					             <view class="item item-wenzi">
					                 <text class="item-wz">我喜欢你 像云漂泊九万里， 不停歇息 像雪肆虐大地， 茫茫无际 像雨飘洒落热带与..  </text> 
					             </view>
					           
					             <view class="item-btn clear">
									<navigator class="btn-ba  btn-more icon iconfont  icon-arrow-double-right"  url="">更多</navigator>
									 <navigator class="btn-ba btn-fx icon iconfont icon-fenxiang1 ">分享</navigator>
					             </view>
					         </view>
						
					</view>
					<view class="img-detail-item">
							<navigator>
								<image class="item-img" src="https://img.picbling.cn/227759_1624084453939_601841794647227-PhotoThumb150"></image>
							</navigator>
							<view class="item-detail">
					             <text class="item item-title">大秦温泉御仪厅</text>
					             <text class="item item-time">Jun 19,2021</text>
					             <view class="item item-wenzi">
					                 <text class="item-wz">我喜欢你 像云漂泊九万里， 不停歇息 像雪肆虐大地， 茫茫无际 像雨飘洒落热带与..  </text> 
					             </view>
					           
					             <view class="item-btn clear">
									<navigator class="btn-ba  btn-more icon iconfont  icon-arrow-double-right"  url="">更多</navigator>
									 <navigator class="btn-ba btn-fx icon iconfont icon-fenxiang1 ">分享</navigator>
					             </view>
					         </view>
						
					</view>
				</view>
		
			<end></end>
				
	</view>
</template>

<script>
	import  end from "../../components/contextend/contextend"; 
	import  navigation from "../../components/navigation/navigation"; 

	export default {
		data() {
			return {
				
			}
		},
		methods: {
		},
	    components:{
			end:end,
			navigation:navigation
		}
	}
</script>

<style lang="scss">
		
		.wedding-context{
				
			.wedding-img-detail{
			padding-top: 20rpx;
			.img-detail-item{
				.item-img{
					width: 100%;
					height: 500rpx;
				}
				.item-detail{
					display: flex;
					flex-direction:column ;
					width: 100%;
					height: 400rpx;
					.item{
						margin: 20rpx;
						text-align: center;
					}
					.item-title{
						font-size: 40rpx;
					}
					.item-time{
						color: #B3B6B8;
					}
					.item-wenzi{
						position: relative;
						.item-wz{
							    color: #666666;
						}
						
					}
					.item-btn{
						display: flex;
						flex-direction:row-reverse ;
						.btn-ba{
							margin-right: 20rpx;
							font-size: 30rpx;
							color: #AAAAAA;
							
						}
						
					}
					
				}
			}
		}
		
		}
</style>
